.login {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 1000px;
    .login-wrapper {
        width: 100%;
        height: 100%;
        background: url("../../../../assets/img/mpass-login-bg.jpg") top center no-repeat;
        background-size: cover;
        position: relative;
        min-height: 640px;
        .login-foot {
            position: absolute;
            bottom: 5px;
            height: 80px;
            line-height: 80px;
            width: 100%;
            border-top: rgba(255, 255, 255, .15) 1px solid;
            .copyright {
                text-align: center;
                color: white;
            }
        }
    }
}

.mpass-logo {
    position: absolute;
    top: 5%;
    width: 40%;
    left: 100px;
    height: 120px;
    padding: 20px;
    border-bottom: rgba(255, 255, 255, .15) 1px solid;
    display: flex;
    display: -webkit-flex;
    div {
        margin: auto 18px;
        font-style: normal;
        font-weight: 400;
        color: white;
        font-size: 36px;
    }
}

@media screen and (max-height: 700px) {
    .login-inner {
        top: 18%;
    }
}

.login-inner {
    position: absolute;
    right: 100px;
    top: 16%;
}

.login-box {
    position: relative;
    display: inline-block;
    text-align: center;
    .login-main {
        display: inline-block;
        background: #fff;
        width: 380px;
        border-radius: 4px;
        padding: 24px 36px;
        .login-title {
            font-size: 28px;
            font-weight: 400;
            padding-top: 10px;
            padding-bottom: 20px;
        }
        .login-error{
            position: relative;
            margin-top: 10px;
            height: 20px;;
            p{
                position: absolute;
                left: 4px;
                color: red;
            }
        }
        .login-btn {
            width: 300px;
            margin: 16px auto 10px;
            padding-bottom: 0;
            input {
                width: 100%;
                height: 40px;
                font-size: 14px;
                -webkit-appearance: none;
                background-color: #00a2ff;
                border: none;
                color: #fff;
                border-radius: 2px;
                outline: 0;
            }
        }
        .login-method {
            position: relative;
            width: 300px;
            margin: 10px auto 20px;
            height: 50px;
            display: -webkit-flex;
            /* Safari */
            display: flex;
            .other-method {
                width: 160px;
            }
            .login-forgot {
                position: absolute;
                right: 0;
                top: 16px;
                a {
                    color: black;
                    font-size: 12px;
                }
            }
        }
    }
}